<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js-sdk测试示例页面</title>
<script type="text/javascript"
	src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>hello~ this is a html page
</body>
<script type="text/javascript">
	//设置后端接口服务的根路径
	var serverUrl = "http://jhaibo.frp.whdev.vpclub.cn";
	
	//获取当前页面的完整URL地址
	var currentUrl = window.location.href;
	alert(currentUrl);
	
	$(document).ready(function() {
		//异步请求后端接口获取js-sdk配置信息
		$.ajax({
			url : serverUrl + "/wxmp/jssdk/config",
			data : {
				"currentUrl" : currentUrl
			},
			type : "GET",
			dataType : "json",
			async : false,
			success : function(response) {
				//打印获取到的js-sdk配置信息
				console.log(response);
				//设置debug为true
				response.debug = true;
				//设置要开通的权限
				response.jsApiList = [ "openLocation" ];
				
				//初始化js-sdk
				wx.config(response);
				wx.ready(function() {
					// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
					alert("微信js-sdk初始化OK");
				});
			}
		});
	});
</script>
</html>




